<template>
  <div class="mark">
    <em>级别</em>
    <span>{{ data }}</span>
  </div>
</template>

<script>
export default {
  props: ['data']
}
</script>

<style lang="scss" scoped>
  .mark {
    width: 2.575rem;
    font-size: .3rem;
    height: .55rem;
    line-height: .55rem;
    display: inline-flex;
    em {
      display: inline-block;
      width: 1rem;
      background: #ff6d00;
      color: #fff;
      font-style: normal;
      text-align: center;
      border-radius: .125rem 0 0 .125rem;
    }
    span {
      flex: 1;
      display: inline-block;
      border: .0125rem solid #e7e7e7;/*no*/
      text-align: center;
      border-radius: 0 .125rem .125rem 0;
      line-height: .525rem;
    }
  }
</style>
